<template>
<div>
<div class="subHeader">
    <div class="right">
            <el-button type="primary" size="small" plain>团队设置</el-button>
            <el-button type="primary"  size="small" plain>添加成员</el-button>
    </div>
            </div>
<el-table
    :data="tableData"
    stripe
    :cell-class-name="cellClassFunc"
    :show-header="false">
    <el-table-column
      prop="photo"
      label="头像"
      width="80">
       <template slot-scope="scope">
        <el-avatar size="medium" :src="scope.row.photo"></el-avatar>
      </template>
    </el-table-column>
    <el-table-column
      prop="name"
      label="昵称"      >
    </el-table-column>
    <el-table-column
      prop="role"
      label="权限">
    </el-table-column>
    <el-table-column
      prop="date"
      label="加入时间">
    </el-table-column>
    <el-table-column
      prop=""
      style="color:red;"
      label="操作">
      <template class="opCell">
        <el-button type="primary" size="mini" plain>修改身份</el-button>
        <el-button type="warning"  size="mini" plain>退出团队</el-button>
      </template>
    </el-table-column>
  </el-table>
     <el-pagination
                class="pager"
                background
                layout="prev, pager, next"
                :hide-on-single-page="true"
                :page-size="30"
                :total="allMemberList.length">
                </el-pagination>
</div>
</template>
<script>
export default {
    layout:"default",

    data: () => ({
      
      searchKey:"",
      allMemberList:[],
      tableData:[
          {
            id:1,
            photo:"https://res.easydoc.xyz/static/img/defaultHead3.8c74a60b.png",
            name:"王二小",
            role:"团队管理者",
            date:"2020-02-25"
          }
      ]

    }),
    beforeCreate(){
        console.log("Team BeforeCreate ");
    },
    created(){
        console.log("Team created ");
    },
    beforeMount(){
        console.log("Team beforeMount ");
        
    },
    mounted(){
        console.log("Team mounted ");
    },
    beforeUpdate(){
        console.log("Team beforeUpdate ");
    },
    updated(){
        console.log("Team updated ");
    },
    methods:{
        cellClassFunc(cell){
            var row=cell.row, column=cell.column, rowIndex=cell.rowIndex, columnIndex=cell.columnIndex;
            if(column.label=="操作"){
                return "opCell";
            }
        }
    }
}
</script>
<style lang="scss">
</style>